<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>NCUT 猫</title>
    <!-- jquery -->
    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/jquery.form.js"></script>
    <!-- popper -->
    <script src="./lib/popper.min.js"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="./lib/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/bootstrap-theme.min.css">
    <script src="./lib/bootstrap.min.js"></script>
    <script src="./lib/bootstrap.bundle.min.js"></script>
    <!-- vue -->
    <script src="./lib/vue.js"></script>
    <!-- js -->
    <script src="./js/ConstData.js"></script>
    <script src="./js/navManager.js"></script>
    <script src="./js/search.js"></script>
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="./css/mainFrame.css">
    <link rel="stylesheet" type="text/css" href="./css/tab-bar.css">
    <link rel="stylesheet" type="text/css" href="./css/search.css">
    <!-- icon -->
    <script src="./icon/iconfont.js"></script>
    <style type="text/css">
    .icon {
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
    </style>
</head>

<body>
    <a class="title" href="cloud-cat.html"><b>&lt;</b>&nbsp;&nbsp;搜索</a>
    <span class="top_box">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-search"></use>
        </svg>
        <input id="search_input" type="text" name="search_input" class="text" placeholder="请输入待搜索的内容">
        <span class="action" onclick="search()">搜索</span>
    </span>
    <div style="height: 15vw;"></div>
    <div id="main-content">
        <!-- 未搜索任何内容 -->
        <span id="non-search" class="main-content" style="display: none;">
            <span class="title title-small">历史记录</span>
            <div id="search_logs">
                <a href="cat_info.html?id=1" class="capsule">大咪</a>
                <a href="cat_info.html?id=19" class="capsule">bb</a>
                <a href="cat_info.html?id=199" class="capsule">???</a>
            </div>
            <span class="title title-small" style="display:none;">热度榜单</span>
            <div id="hot_talks" style="display:none;">
                <span class="capsule m-capsule">#花花生宝宝了</span>
                <span class="capsule m-capsule">#猫咪魅力榜单</span>
                <span class="capsule m-capsule">#没啥大事发生</span>
                <span class="capsule m-capsule">#没啥大事发生</span>
                <span class="capsule m-capsule">#没啥大事发生</span>
                <span class="capsule m-capsule">#没啥大事发生</span>
            </div>
            <div class="module-list">
                <span class="module b-module ads">这里放广告</span>
            </div>
        </span>
        <span class="main-content" style="display: none;">
            <span id="search" class="sub_nav">
                <span id="nav_search-user" class="active" data-nav-change-event="contentChange()">所有</span>
                <span id="nav_search-user" data-nav-change-event="contentChange('user')">用户</span>
                <span id="nav_search-tag" data-nav-change-event="contentChange('tag')">标签</span>
                <span id="nav_search-tag" data-nav-change-event="contentChange('thread')">帖子</span>
                <span id="nav_search-tag" data-nav-change-event="contentChange('cat')">猫咪</span>
            </span>
            <span class="module-list" id="search_result">
                <!--JS添加 综合结果,通过contentChange函数控制内容的展示与隐藏-->
            </span>
        </span>
    </div>
</body>

</html>